<template>
</template>

<script>
export default {
  name: "reName",
  methods: {
    open() {
      this.$prompt('请输入新的昵称', '提示', {
        confirmButtonText: '保存',
        cancelButtonText: '取消',
        inputPattern: /^[^\s]{1,8}$/,
        inputErrorMessage: '昵称格式不正确'
      }).then(({value}) => {
        //把新的昵称 , 发送到服务端 , 进行保存 , 并反馈到对应的客户端
        this.$store
          .dispatch("user/reName",value)
          .then(() => {
            //删除数组里面的关于此用户的请求消息
            this.$message({message: '昵称修改成功!', type: 'success'});
            return true;
          })
          .catch((error) => {
            console.log("昵称修改失败" + error);
          })
      }).catch(() => {
        this.$message({type: 'info', message: '取消输入'});
      });
    }
  },
}
</script>

<style scoped>

</style>
